/*
/*杨洪强
/*2018\11\2
/*商家中心首页
*/

@import "../../lib/base.less";

.shop-font-blue{color: #4f8ffc;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.shop-message-center-index{width: 980px;margin: 0 auto;
    // 店头部信息
    .shop-header{width: 960px;height: 86px;padding: 24px 0 0 20px;box-shadow: 0 0 6px#d1d1d1;margin: 0 0 18px 0;background-color: #fff;
        >.shop-col1{width: 305px;height: 64px;border-right: 1px solid #eeeeee;float: left;
            .shop-avatar{width: 60px;height: 60px;border: 2px solid #eeeeee;float: left;
                img{width: 60px;height: 60px;}
            }
            .shop-name-region{float: left;line-height: 12px;padding: 14px 0 0 20px;
                .shop-name{font-size: 14px;line-height: 14px;margin: 0 0 10px 0;}
                .shop-settings a:hover{color: #e64545;}
            }
        }
        >.shop-col2{float: left;width: 135px;height: 64px;border-right: 1px solid #eeeeee;padding: 0 0 0 28px;line-height: 12px;
            div{margin: 0 0 12px 0;color: #999999;
                a{color: #4f8ffc;display: inline-block;margin-right: 20px;}
                a:hover{color: #e64545;}
            }
            .shop-amount{font-size: 14px;line-height: 14px;font-weight: 600;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
        }
        >.shop-col4{float: left;height: 64px;padding: 0 0 0 24px;width: 30%;
            >div{float: left;margin: 0 0 0 22px;
                .shop-title{text-align: center;line-height: 18px;margin: 0 0 9px 0;color: #999999;}
                button{padding: 0 16px;font-size: 12px;border-radius: 11px;height: 22px;background-color: #eeeeee;color: #9f9f9f;}
                .shop-compliance{background-color: #6dc72c;color: #ffffff;}
            }
        }
    }
    // 待办事项
    .shop-to-do-list{width: 980px;height: 328px;box-shadow: 0 0 6px#d1d1d1;background-color: #fff;
        .shop-to-do-list-header{height: 45px;font-size: 16px;line-height: 45px;text-indent: 20px;border-bottom: 1px solid #eeeeee;}
        .shop-to-do-list-main{
            >div{float: left;width: 450px;height: 242px;border-right: 1px solid #eeeeee;padding: 0 20px;line-height: 12px;
                .shop-integrity-management{border: none;}
                .shop-violation-record{border: none;}
                >div{width: 450px;border-top: 1px solid #eeeeee;overflow: hidden;padding: 20px 0 0 0;
                    .shop-title{font-size: 14px;margin: 0 20px 0 0;width: 56px;}
                    >div{float: left;width: 187px;
                        p{margin-bottom: 20px;
                            .shop-font-blue{display: inline-block;margin: 0 0 0 10px;}
                            >a{color: #4f8ffc;}
                            >a:hover{color: #e64545;}
                        }
                    }
                    .shop-col3{
                        p{
                            .shop-font-blue{width: 90px;}
                        }
                    }

                }
                
            }
            .shop-right-content{float: left;width: 448px;}
        }
    }
    // 核心数据
    .shop-core-data{width: 980px;height: 460px;margin: 20px 0 0 0;
        // 左侧主体部分
        .shop-core-data-left{width: 646px;height: 460px;float: left;box-shadow: 0 0 6px#d1d1d1;background-color: #fff;
            .shop-core-header{height: 45px;border-bottom: 1px solid #eeeeee;line-height: 45px;font-size: 16px;text-indent: 20px;
                >a{float: right;font-size: 14px;margin: 0 20px 0 0;color: #666666;}
                >a:hover{color: #e64545;}
            }
            .shop-core-main{padding: 0 0 0 20px;
                // 实时数据
                .shop-Real-time-data{width: 606px;height: 146px;
                    .shop-Real-time-data-title{line-height: 42px;
                        .shop-left{font-size: 14px}
                        .shop-date{float: right;color: #999999;}
                    }
                    .shop-Real-time-data-main{height: 104px;border-bottom: 1px solid #eeeeee;
                        .shop-col{float: left;width: 121px;
                            .shop-title{color: #666666;line-height: 12px;margin-bottom: 12px;}
                            .shop-num{color: #333333;line-height: 12px;margin-bottom: 18px;}
                            .shop-data-val{color: #999999;
                                span{color: #333333;display: inline-block;margin-left: 14px;}
                            }
                        }
                    }
                }
                // 历史数据
                .shop-historical-data{
                    .shop-historical-header{font-size: 14px;line-height: 43px;border-top:1px solid #ffffff;
                        .shop-historical-kind{float: right;border:1px solid #eeeeee;height: 24px;border-right: none;margin-top: 7px;margin-right: 20px;
                            button{font-size: 12px;width: 90px;height: 24px;padding: 0;float: left;border-right: 1px solid #eeeeee;color: #666666;background-color: #f8f8f8;cursor: pointer;}
                            button:hover{color: #e64545;}
                            .shop-kind-s{background-color: #ffffff;color: #e64545;}
                        }
                    }
                    .shop-historical-main{
                        >li{width: 105px;height: 218px;float: left;margin-right: 20px;
                            div{line-height: 20px;
                                .shop-right-num{float: right;}
                                .shop-lrft-name{color: #a0a0a0;}
                            }
                            .shop-book-img{width: 103px;height: 103px;border:1px solid #eeeeee;
                                img{width: 100%;height: 100%;}
                            }
                            .shop-book-name{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 10px;}
                            // .shop-book-pageviews{}
                            // .shop-number-of-transactions{}
                            .shop-Amount-of-money{
                                p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
                            }
                        }


                        
                    }
                }






            }
        }
        // 右侧部分
        .shop-right-content{float: left;width: 314px;height: 460px;margin: 0 0 0 20px;background-color: #f5f5f5;
            .shop-ad{width: 314px;height: 176px;box-shadow: 0 0 6px#d1d1d1;background: #fff;
                a>img{width: 100%;height: 100%;}
            }
            .shop-contact-us{width: 314px;height: 264px;box-shadow: 0 0 6px#d1d1d1;margin-top: 20px;background: #fff;
                .shop-contact-us-header{width: 314px;height: 45px;line-height: 45px;border-bottom: 1px solid #eeeeee;font-size: 14px;text-indent: 20px;}
                .shop-contact-us-main{width: 274px;margin: 0 auto;
                    .shop-content{height: 86px;width: 274px;border-bottom: 1px solid #eeeeee;padding: 20px 0 0 0;
                        .shop-avatar{float: left;width: 60px;height: 60px;border:2px solid #eeeeee;border-radius: 50px;
                            img{width: 100%;height: 100%;}
                        }
                        .shop-contact-us-content{float: left;width: 210px;
                            p{cursor: pointer;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 12px;margin: 0 0 12px 18px;}
                        }
                    }
                    .shop-email{width: 254px;height: 54px;background-image: url("@{imgRootDeep}/shop-email.png");margin: 20px 0 0 0;color: #fff;padding: 16px 0 0 20px;line-height: 12px;
                        .shop-email-title{margin: 0 0 10px 0;}
                        .shop-email-address{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 178px;}
                        p{color: #fff;}
                    }
                }
            }
        }
    }
}